<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="module/head::common_header(~{::title},~{::link},~{::script})">
    <meta charset="UTF-8">
    <title>dick</title>

    <link rel="stylesheet" href="/css/page.css">
    <script></script>

    <link rel="stylesheet" href="/plugins/editor/css/editormd.min.css"/>
    <link rel="stylesheet" href="/plugins/editor/css/editormd.preview.min.css"/>
    <script src="/plugins/editor/lib/marked.min.js"></script>
    <script src="/plugins/editor/lib/prettify.min.js"></script>
    <script src="/plugins/editor/editormd.min.js"></script>
    <script src="/js/common.js"></script>

</head>
<body>
<div id="navigation" th:include="module/navigation::navigation">

</div>

<div class="main">
    <div class="article-title-container">
        <div class="am-g">
            <div class="am-u-sm-10 am-u-sm-centered">
                <div class="a-t-text hide-after-exceed" th:text="${article.getArticleTitle()}">
                    一个小标题
                </div>
                <div class="a-t-authorInfo">
                    <div class="a-i-item avatar">
                        <img class="am-circle" th:src="'/images/'+ ${author.getAvatar()}"/>
                    </div>
                    <div class="a-i-item">
                        <span>author</span><br>
                        <a th:href="'/p/'+${author.getAccountName()}" th:text="${author.getAccountName()}"></a>
                    </div>
                    <div class="a-i-item">
                        <span>create time</span><br>
                        <span th:text="${article.getCreateTime()}"></span>
                    </div>
                    <div class="a-i-item">
                        <span>update time</span><br>
                        <span th:text="${article.getEditorTime()}"></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="am-g">
        <div class="am-u-sm-10 am-u-sm-centered">
            <div id="article-content" class="article-content" th:utext="${article.getArticleHtmlContent()}">

            </div>
        </div>
    </div>
</div>

<div th:replace="module/foot :: foot"></div>
<script>
    $(function () {
        compile("article-content");
    });
</script>
</body>
</html>